import React from 'react';
import { Breadcrumb, Col } from 'antd';
import './postage.less';

export default class Postage extends React.Component {
    render() {
        return (
            <div className='postageBox'>
                <div className='spgl2-1 clearfix'>
                    <Breadcrumb separator=">">
                        <Breadcrumb.Item>首页</Breadcrumb.Item>
                        <Breadcrumb.Item><span className='separator-a'>系统设置</span></Breadcrumb.Item>
                    </Breadcrumb>
                </div>
                <div className='postageList'>
                    <ul style={{border:'1px solid #ccc'}}>
                        <li>
                            <Col span={14}>邮费类别</Col>
                            <Col span={10}>操作</Col>
                        </li>
                        <li style={{borderTop:'1px solid #ccc',borderBottom:'1px solid #ccc'}}>
                            <Col span={14}>在线支付邮费</Col>
                            <Col span={10}><span className='postageEdit' onClick={()=>{window.location.hash='/postageDetail/0'}}>编辑</span></Col>
                        </li>
                        <li>
                            <Col span={14}>货到付款邮费</Col>
                            <Col span={10}><span className='postageEdit' onClick={()=>{window.location.hash='/postageDetail/1'}}>编辑</span></Col>
                        </li>
                    </ul>
                </div>
            </div>
        )
    }
}